<style lang=less>
	@import '../../assets/public.less';
	@import './noticeList.less';
	@import './noticeDetails.less';
</style>
<template lang="html">
	<div class="notice_details_wrapper">
		<!--<HeaDer></HeaDer>-->
		<div class="details_container">
			<el-card>
				<el-breadcrumb separator-class="el-icon-arrow-right">
					<el-breadcrumb-item>
						<router-link :to="{path:'/zixunList',query: { }}">{{$t("zixunList[0]")}}</router-link><!-- HUB公告中心 -->
					</el-breadcrumb-item>
					<el-breadcrumb-item>{{ data.title }}</el-breadcrumb-item>
				</el-breadcrumb>
			</el-card>
			<div class="details_content">
				<el-card class="top">
					<nav>{{ data.title }}</nav>
					
					<time v-show="data.create_time">{{$public.timestampToTime(data.create_time)}}</time>
				</el-card>
				<el-card>
					<div class="content" v-html="data.content">
					</div>
				</el-card>
			</div>
		</div>
		<!--<FooTer></FooTer>-->
	</div>
</template>
<script>
//	import Header from "../../header/heaer.vue";
//	import Footer from "../../footer/footer.vue";
	export default {
		data() {
			return {
				data: {},
			}
		},
		methods: {
			requestPublic: function() {
				var _this = this;
				_this.$http.get(_this.$http.zixunDetails, {
						params: {
							"id": _this.$route.query.article_id
						}
					})
					.then((res) => {
						_this.data = res.data.data;
					});
			}
		},
		created: function() {
			var _this = this;
			_this.requestPublic();
			_this.$public.scrollTop();
		},
//		components: {
//			"HeaDer": Header,
//			"FooTer": Footer,
//		}
	}
</script>